<template>
	<view class="setting">
		<u-navbar title-color="#000" :isBack="true" back-icon-color="#000" height="60" title="设置"></u-navbar>
		<u-cell-group>
			<u-cell-item :arrow="true" title="账户安全"></u-cell-item>
			<u-cell-item :arrow="true" title="通知设置"></u-cell-item>
			<u-cell-item :arrow="true" title="账户安全"></u-cell-item>
			<u-cell-item :arrow="true" title="账户安全"></u-cell-item>
			<view class="h20"></view>
			<u-cell-item :arrow="true" title="缓存" value="38.2M"></u-cell-item>
			<u-cell-item :arrow="true" title="通知设置"></u-cell-item>
			<u-cell-item :arrow="true" title="账户安全"></u-cell-item>
			<u-cell-item :arrow="true" title="账户安全"></u-cell-item>
		</u-cell-group>
		<view class="out" @click="outLogin">
			退出登录
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods:{
			outLogin(){
				uni.showModal({
					content: '确定要退出登录嘛？',
					success: res => {
						if (res.confirm) {
							this.$comm.reLaunch('/pages/index/index', () => {
								this.$store.commit('closeData')
							})
						}
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #FFFFFF;
		min-height: 100vh;
	}
	.setting {
		.h20 {
			width: 100vw;
			height: 20upx;
			background-color: rgb(211, 211, 211);
		}
	}
	.out{
		width: 60vw;
		height: 70upx;
		background-color: $indexColor;
		margin: 200upx auto 0upx;
		color: #FFFFFF;
		border-radius: 20upx;
		text-align: center;
		line-height: 70upx;
		font-size: 30upx;
	}
</style>
